<template>
	<view class="record-item bgc-w" @click="onDetails({id:1})">
		<view class="record-top flex align-items-center">
			<image src="/static/images/verification/icon.png" mode="scaleToFill" class="icon mr-10"></image>
			<text class="fc-3 fw-6">订单编号：20250313236645765465</text>
		</view>
		<view class="record-con pb-20">
			<view class="money fc-ac fw-6">
				+0.30
			</view>
			<image src="/static/images/verification/state-1.png" mode="scaleToFill" class="state-img"></image>

			<view class="record-con-item flex pt-10 pb-10">
				<view class="record-con-title mr-10 fc-9">核销门店</view>
				<text class='fc-3'>核销门店</text>
			</view>
			<view class="record-con-item flex pt-10 pb-10 ">
				<view class="record-con-title mr-10 fc-9">核销地址</view>
				<text class='fc-3'>核销地址核销地核销地址核销地核销地址核销地</text>
			</view>
			<view class="record-con-item flex pt-10 pb-10 ">
				<view class="record-con-title mr-10 fc-9">核销人员</view>
				<text class='fc-3'>核销人员</text>
			</view>
			<view class="fc-9 fs-sm">
				2025/03/14 15:05:29
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {
			onDetails(item) {
				this.$fn.toPages('/pages/verification/details')
			}
		},

	}
</script>

<style lang="scss" scoped>
	.record-item {
		width: 710rpx;
		border-radius: 20rpx;
		margin: 20rpx auto;
		padding: 0 20rpx;
		position: relative;

		.money {
			position: absolute;
			top: 110rpx;
			right: 20rpx;
			font-size: 40rpx;
		}

		.state-img {
			width: 152rpx;
			height: 152rpx;
			position: absolute;
			bottom: 10rpx;
			right: 20rpx;
		}

		.record-top {
			height: 90rpx;
			border-bottom: 1rpx solid #f4f4f4;

			.icon {
				width: 32rpx;
				height: 32rpx;
				margin-right: 8rpx;

			}
		}

		.record-con {
			.record-con-item {
				width: 540rpx;
			}

			.record-con-title {
				width: 110rpx;
				flex-shrink: 0;
			}
		}
	}
</style>